<?php
session_start();
$url='https://tu-10030004.file.myqcloud.com/gsw9';
if ('localhost' == $_SERVER['SERVER_NAME']) {
	$url='.';
}

$zimu= array('a','b','c','d','e','f','h');
shuffle($zimu);
$uid=uniqid().$zimu[0].rand(1,999998);

$inWeixin=false;
if (strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false) { //in weixin
    if (!isset($_COOKIE['uid']) && !isset($_GET['selim'])){
        header("Content-Type:text/html;charset=UTF-8");
        include_once './c/config.php';
        $redirect_uri = urlencode('http://gu.mei94.com/base.php');
        $api_userinfo_base='https://open.weixin.qq.com/connect/oauth2/authorize?appid='.$appId.'&redirect_uri='.$redirect_uri.'&response_type=code&scope=snsapi_base#wechat_redirect';
        header('Location: '.$api_userinfo_base);
    }else{
     if (isset($_COOKIE['uid'])) {
         $uid=$_COOKIE['uid'];
     }
    }
    $inWeixin=true;
}
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>古诗文大会</title>
<style>
html,body{font-size:16px;background:#f1f0ee;width:100%;font-size:12px;color:#000000;font-family:Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body, div{position:relative;padding:0px;margin:0px auto;max-width:750px;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:18px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
.weui-toast {position: fixed;z-index: 5000;width: 7.6em;min-height: 7.6em;top: 180px;left: 50%;margin-left: -3.8em;background: rgba(17, 17, 17, 0.7);text-align: center;border-radius: 5px;color: #FFFFFF;}
.weui-toast__content {
    margin: 0 0 15px;
}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-indent:8px;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder {color:#a0a09b;text-align:left;}
input {
    outline:none;
    border:none;
    outline-color: "red";
    -webkit-transform: translate3d(0, 0, 0);
}
select{position:absolute;display:block;background:transparent;border:0px;text-indent:8px;font-size:12px;-webkit-appearance:none;}
input:-internal-autofill-selected, .txt:-internal-autofill-selected{background:transparent;}
.container{position:relative;width:100%;height:auto;overflow-x:hidden;}
.l-bg, .l100{position:absolute;width:100%;left:0;display:block}
.top{top: 0;}
.bottom{bottom:0;}
.l-bg{height:100%;top:0;} 
.p-b, .thebg{position:absolute;width:100%;top:0;left:0;} 
.t-bg{position:absolute;display:none;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:.8;z-index:9;}
.page, .yib-ti, .loader{position:absolute;width:100%;height:100%;top:0;left:0;}
.page, .yib-ti{display:none;}

.p-top{top:0;z-index:2;}
.p-botm{bottom:0;}
.yib-bt{position: absolute;width:84%; top:12%;left:8%;color: #666666;font-size:15px;line-height:30px;}
 
.tian-txt{color: #ad794f;font-size:16px;line-height:30px;margin-top: 6%;margin-left: 10%;width: 80%;}
.dx-abcd, .pan-abcd{position:absolute;width:64%;left:19%;}
.dx-li{position:relative;width:100%;font-size:12px;vertical-align:middle;color:#333333;}
.dx-dan{position:relative;width:100%;}
.dx-li-ico{position:absolute;}
.dx-li-ico img{position:absolute;width:100%;height:100%;}
.dx-a, .dx-b, .dx-c, .dx-d, .pan-a, .pan-b{position:absolute;top:0;}
.dx-a{left:0;}
.xze-title, .tian-title{position:absolute;width:100%;left:0;background:transparent url('<?php echo $url; ?>/img/dx-t1.png') no-repeat;background-size:cover;text-align:center;color:#9b1e23;font-weight:900;font-size:16px;}
.time-t1{position:absolute;width:1%;background:transparent url('<?php echo $url; ?>/img/line-a.png') no-repeat;background-size:cover;}
.time-t2{position:absolute;background:transparent url('<?php echo $url; ?>/img/line-b.png') no-repeat;background-size:cover;}
.time-t3{position:absolute;color: #e9d7a8;text-align: right;font-size:12px;font-weight:700;}
.tktxt{text-align:center;border:none;border-bottom:1px solid #ad794f;background:transparent;font-size:12px;color:#000;}
.tian-next, .tian-up{z-index:9;}
.hide{display:none;}
input:-internal-autofill-selected, .txt:-internal-autofill-selected{background:transparent;}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: .7;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
    opacity: 1;
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
.animated{
  -webkit-animation-duration: 1s;animation-duration: 1s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}
.tipwc{z-index:9;}
@media (max-width: 640px) {
   .xze-bt, .pan-bt{
     top: 18%;
     width: 82%;
     left: 9%;
   }
   .xze-bt{font-size:12px;}
   .pan-bt{font-size:13px;}
}
.tian-tip{position:absolute;width: 100%;top:67%;left:0;text-align: center;font-size: 14px;color: #d72f36;z-index:6;}
.jia-txt{display:block;width:100%;}
.jia-t2, .zhu-t2{overflow-y: scroll;overflow-x:hidden;}
.jia-t2::-webkit-scrollbar, .zhu-t2::-webkit-scrollbar{
width: 8px;
height: 8px;
background-color: #f3f1f1;
}
.jia-t2::-webkit-scrollbar-track, .zhu-t2::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 6px;
background-color: #f3f1f1;
}
.jia-t2::-webkit-scrollbar-thumb, .zhu-t2::-webkit-scrollbar-thumb{
border-radius: 6px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #d2d2d2;
}
.page{background: #fff;}
.jia, .bao, .zhu, .yib, .search{background: #f1f0ee;}
.yib-time{
  position:absolute;
  width: 100%;
  top: 2%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #f86a69;
  text-shadow:2px 2px #fff;
}
.yib-title{
  position: absolute;
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 18px;
  font-weight: 800;
  top: 8%;
  left: 0;
}
.yib-abcd{position:absolute;width:84%;left:8%;}
.yib-li{position:relative;width:100%;font-size:12px;vertical-align:middle;color:#333333;}
.dx-li-ico{position:absolute;}
.dx-li-ico img{position:absolute;width:100%;height:100%;}
.dx-a, .dx-b, .dx-c, .dx-d, .pan-a, .pan-b{position:absolute;top:0;}
.dx-a{left:0;}
.tipless, .tipchen{background: rgb(0,0,0,.6);}
#wrapper{position: absolute;z-index: 1;width: 82%;left:8.9%;overflow: hidden;background: rgb(255,255,255,.8);font-size: 14px;}
#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
#scroller ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}
#scroller li {
	padding: 0 10px;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	background-color: #fff;
	font-size: 14px;
}
.tipchen-t1{position:absolute;width:100%;text-align:center;font-size:16px;font-weight:700;color:#717070;}
.yib-b1-x, .yib-b1-y{position:absolute;}
.yib-b1-x{background:transparent url('<?php echo $url; ?>/img/yib-b1.png') no-repeat;background-size:cover;}
.yib-b1-y{background:transparent url('<?php echo $url; ?>/img/yib-b2.png') no-repeat;background-size:cover;}
.loader-t1{position:fixed;top:260px;width:100%;text-align:center;font-size:14px;color:#f10a0a;}
@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
          animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); }
  .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: 0.2s !important;
            animation-delay: 0.2s !important; }
  .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: 0.4s !important;
            animation-delay: 0.4s !important; }

@-webkit-keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }

  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }

  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out-rapid > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
          animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78); }
  .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: 0.25s !important;
            animation-delay: 0.25s !important; }
  .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0.5s !important;
            animation-delay: 0.5s !important; }
.loader-inner{position:fixed;top:200px;width:100px;left: 42%;}
.tipshijian{background:rgba(0, 0, 0, 0.8);z-index: 99;}
</style><script>var _hmt = _hmt || [];(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?b9c55521415f31a524b24dd877377daf";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);})();</script></head>
<body>
<div class="container">
  <div class="loader">
    <div class="loader-inner line-scale-pulse-out">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div> 
    <div class="loader-t1">页面加载中...</div>
  </div>
  <div class="p1 page">
      <img class="l100 bottom" src="<?php echo $url; ?>/img/bg.jpg" />
      <img class="l100 top" src="<?php echo $url; ?>/img/p1-t1.png" />
      <img class="l100 bottom" src="<?php echo $url; ?>/img/p1-t2.png" />
      <div class="thebg">
        <img class="p-b" src="<?php echo $url; ?>/img/p1.png?v=2" />
        <div class="p1-bmin simg"></div>
        <div class="p1-cha simg"></div>
     </div>

  </div>

  <div class="zhu page">
  	  <img class="l100 bottom" src="<?php echo $url; ?>/img/zhu.jpg" />
  	  <img class="l100 top" src="<?php echo $url; ?>/img/zhu-t1.png" />
  	   <div class="thebg">
         <img class="p-b" src="<?php echo $url; ?>/img/zhu.png?v=1" />
         <div class="zhu-t2 l100">
           <img class="jia-txt" src="<?php echo $url; ?>/img/zhu-t2.png" />
         </div>
         <div class="zhu-ok simg"></div>
       </div>

  </div>

  <div class="jia page">
  	  <img class="l100 bottom" src="<?php echo $url; ?>/img/jia.jpg" />
  	  <img class="l100 top" src="<?php echo $url; ?>/img/jia-t1.png" />
  	  <div class="jia-t2 l100">
  	  	<img class="jia-txt" src="<?php echo $url; ?>/img/jia-txt.png?v=3" />
  	  </div>

  	  <img class="jia-btn simg" src="<?php echo $url; ?>/img/jia-btn.png" />


  </div>

  <div class="search page">
  	<img class="l100 bottom" src="<?php echo $url; ?>/img/jia.jpg" />
    <img class="l100 top" src="<?php echo $url; ?>/img/bao-t1.png" />
    <div class="thebg">
        <img class="l100 top" src="<?php echo $url; ?>/img/search.png" />
        <input id="search-name" class="txt" name="search-name" type="text" value="" placeholder="请输入学校名称" />
        <div class="search-btn simg"></div>
        <div id="wrapper">
			<div id="scroller">
			<ul class="search-list">
			 <li></li>
			</ul>
		    </div>
		</div>
    </div>

  </div>

  <div class="bao page">
    <img class="l100 bottom" src="<?php echo $url; ?>/img/jia.jpg" />
    <img class="l100 top" src="<?php echo $url; ?>/img/bao-t1.png" />
    
    <div class="thebg">
	    <img class="l100 top bao-t2" src="<?php echo $url; ?>/img/bao-t2.png" />
	    <input id="bao-name" class="txt" name="bao-name" type="text" value="" placeholder="请填写学生姓名" />
	    <input id="bao-phone" class="txt" name="bao-phone" type="text" value="" placeholder="请填写可联系的真实手机号码" />
	    <input id="bao-email" class="txt" name="bao-email" type="text" value="" placeholder="请填写电子邮箱" />
	    <input id="bao-idcard" class="txt" name="bao-idcard" type="text" value="" placeholder="请填写学生本人的电子学生证" />
	    <select id="bao-nianji" class="txt">
	        <option value="">选择年级</option>
	        <option value="3">三年级</option>
	        <option value="4">四年级</option>
	        <option value="5">五年级</option>
	    </select>
	    <select id="bao-qu" class="txt">
	        <option value="">所在地区</option>
	        <option value="shanghai">上海</option>
	        <option value="nantong">南通</option>
	    </select>
	    <select id="bao-hui" class="txt">
	        <option value="">所在选区</option>
	         
	    </select>
	    <!-- -->
	    <div id="bao-school" class="txt">请选择所在学校</div>
	    <input id="bao-school2" class="txt hide" name="bao-school2" type="text" value="" placeholder="请填写所在学校" />
	    
        <div class="bao-next simg"></div>

    </div>
    


  </div>


  <div class="yib page">
    <img class="l100 bottom" src="<?php echo $url; ?>/img/jia.jpg" />
    <img class="l100 top" src="<?php echo $url; ?>/img/yib-t1.png?v=2" />
    <div class="yib-time">15:00</div>
    
    <div class="yib-b1 yib-b1-y"></div>
    <div class="yib-b1 yib-b1-x"></div>

     

    <div class="yib-title">第一题（1/100）</div>
    <div class="yib-ti timu-3"><!-- san -->
    <?php 
       //include '_yi3-ht.php';
    ?>
    </div><!-- end san-->

    <div class="yib-ti timu-4"><!-- si -->
    <?php 
       //include '_yi4-ht.php';
    ?>
    </div><!-- end si-->

    <div class="yib-ti timu-5"><!-- wu -->
    <?php 
       //include '_yi5-ht.php';
    ?>
    </div><!-- end wu-->
    <img class="up-btn up-btn-h simg" src="<?php echo $url; ?>/img/h-btn.png" />
    <img class="up-btn simg" src="<?php echo $url; ?>/img/up-btn.png" />
    <img class="next-btn next-btn-h simg" src="<?php echo $url; ?>/img/h-btn.png" />
    <img class="next-btn next-btn-t simg" src="<?php echo $url; ?>/img/next-btn.png" />
  </div>
  

  <div class="tipchen page">
     <div class="thebg">
      <img class="l100" src="<?php echo $url; ?>/img/chen.png?v=3" />
      <div class="tipchen-t1"></div>
      <div class="tipchen-btn simg"></div>
     </div>
  </div>

  <div class="tipless page">
  	 <div class="thebg">
  	 	<img class="l100" src="<?php echo $url; ?>/img/tip-less.png" />
  	 </div>
  </div>

  <div class="tipshijian page">
      <div class="thebg">
        <img class="l100" src="<?php echo $url; ?>/img/tip-shijian.png" />
         
     </div>
  </div>
 
  <div class="js_dialog">
       <div class="weui-mask"></div>
       <div class="weui-dialog">
                <div class="weui-dialog__bd weui-msg"></div>
                <div class="weui-dialog__ft">
                    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary weui-btn">知道了</a>
                </div>
        </div>
  </div>
  
</div>
<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.0.0/jquery.min.js"></script>
<script src="<?php echo $url; ?>/iscroll.js"></script>
<?php include 'js.php'; ?>
</body>
</html>